//

const SeriousProblem = () => {
  return (
    <div>
      <div className="mt-[20px] p-[10px]">
        {/* 标题区域 */}
        <div className=" flex items-center justify-between">
          <div
            className="w-[365px] h-[36px] leading-[36px] "
            style={{
              backgroundImage: `url('assistant-decision/base-title_bg.png')`,
              backgroundRepeat: "no-repeat",
              backgroundSize: "cover"
            }}
          >
            <span className="ml-[30px] text-white text-[16px] font-[600]">
              严重问题
            </span>
          </div>
          <div className="flex items-center">
            <div
              className="w-[20px] h-[20px] ml-[12px]"
              style={{
                backgroundImage: `url('assistant-decision/think_icon.png')`
              }}
            ></div>
            <div className="text-[#008BFF]">展开思考过程</div>
          </div>
        </div>
        {/* 内容 */}
        <div
          className="flex items-center justify-between mt-[16px] p-[10px] pl-[20px] pr-[20px]"
          style={{
            backgroundImage: `url('assistant-decision/weak-desc_bg.png')`,
            backgroundSize: "contain",
            backgroundPosition: "50%"
          }}
        >
          <div
            className="flex-none w-[20px] h-[20px] mr-[20px]"
            style={{
              backgroundImage: `url('assistant-decision/notice_icon.png')`
            }}
          ></div>
          <div className="flex-1">
            在物资配送管理方面方面发现经济红线、企业负责人业绩考核和安全考核扣分问题，在
            物资配送管理方面等方面发现较为严重问题，
            物资配送管理方面等方面管理存在薄弱环节
          </div>
        </div>
        {/* 内容 */}
        <div
          className="flex items-center justify-between mt-[16px] p-[15px] pl-[20px] pr-[20px]"
          style={{
            backgroundImage: `url('assistant-decision/weak-desc_bg.png')`,
            backgroundSize: "contain",
            backgroundPosition: "50%"
          }}
        >
          <div
            className="flex-none w-[20px] h-[20px] mr-[20px]"
            style={{
              backgroundImage: `url('assistant-decision/notice_icon.png')`
            }}
          ></div>
          <div className="flex-1">
            未发现经济红线、企业负责人业绩考核和安全考核扣分问题，未发现严重问题
          </div>
        </div>
      </div>
    </div>
  )
}

export default SeriousProblem
